<template>
  <div class="Lunbo">
    <div class="lunbo_item">
      <van-swipe class="my-swipe" :autoplay="3000" indicator-color="white">
        <van-swipe-item v-for="item in banner" :key="item.id"><img :src="item.pic" alt=""> </van-swipe-item>
      </van-swipe>
    </div>
  </div>
</template>

<script>
export default {
  name: "FxhDemoLunbo",
  props:["banner"],
  mounted() {},

  methods: {},
};
</script>

<style lang="scss" scoped>
.Lunbo {
  width: 375px;
  height: 172px;
  background: -webkit-linear-gradient(270deg, #ff448f, #f5f5f5);
  img{
    border-radius: 3px;
    margin-left: 15px;
    width: 345px;
    height: 160px;
  }
   &::v-deep .van-swipe__indicator{
  width: 15px; 
  height: 3px;
  border-radius: 1px;
  background-color: #872800;
  margin-left: 5px;
}
}

</style>
